class Food {
  el: HTMLElement;
  constructor() {
    /* 因为可能会没有id为food的元素, 所以这里可能为返回的值为null, 所以为报错, 
    加上!是开发者保证这个值不可能为null */
    this.el = document.getElementById('food')!;
  }
  get X() {
    return this.el.offsetLeft
  }
  get Y() {
    return this.el.offsetTop
  }
  changePos() {
    /* 食物坐标位置的横坐标 0-290 */
    let left = Math.round(Math.random() * 29) * 10
    let top = Math.round(Math.random() * 29) * 10
    this.el.style.left = left + 'px'
    this.el.style.top = top + 'px'
  }
}
export default Food